@import "mixin";
.main {
	display: flex;
	.aside {
		width: 330px;
		background: $bg;
		.list {
			a {
				display: flex;
				height: 121px;
				justify-content: space-around;
				align-items: center;
				border-bottom: $border;
				h2 {
					font-size: 28px;
					color: #fff;
				}
				i {
					color: rgba($color: #fff, $alpha: .4);
					font-size: 3em;
					font-weight: bold;
				}
				&:hover,
				&.active {
					background: $bghover;
					i {
						color: rgba($color: #fff, $alpha: .7);
					}
				}
			}
		}
	}
	.content {
		flex: 1;
		padding: 54px 21px 0 50px;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		.left {
			width: 765px;
			img {
				width: 100%;
				margin-bottom: 36px;
			}
			p {
				font-size: 22px;
				color: #4B4B4B;
				line-height: 42px;
			}
		}
		.right {
			width: 680px;
			.map {
				margin-bottom: 77px;
				img {
					width: 100%;
				}
			}
			.connect {
				display: flex;
				.pic {
					width: 148px;
					margin-right: 42px;
					img{
						width: 100%;
					}
					p {
						margin-top: 22px;
						font-size: 18px;
						color: #040404;
					}
				}
				ul{
					li{
						color: #000000;
						line-height: 40px;
						font-size: 21px;
					}
				}
			}
		}
	}
}